<template>
  <div
      class="extend1"
      :style="{
      height: compData.style.height + 'px',
      'border-top-left-radius': compData.data.borderRadiusTop + 'px',
      'border-top-right-radius': compData.data.borderRadiusTop + 'px',
      'border-bottom-left-radius': compData.data.borderRadiusBottom + 'px',
      'border-bottom-right-radius': compData.data.borderRadiusBottom + 'px',
    }"
  >
    <sa-image url="/storage/homepage/groupList.jpg" fit="fill" radius="0" :suffix="null"></sa-image>
  </div>
</template>

<script setup>
import { onMounted } from "vue";

const props = defineProps(['compData']);

onMounted(()=>{
  console.log(props.compData)
})
</script>

<style lang="scss" scoped>
.image-block {
  overflow: hidden;
  .sa-image {
    height: 100%;
  }
}
</style>
